<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#btnEnviar").click(function(){
                    if(valida()){
                        $.post("<?php echo site_url("encuestaInsti/encuestaLab"); ?>",$("#formEncuestas").serialize(), function(data){
                            alert(data);
                            $("#formEncuestas").trigger("reset");
                            $("#divOfertas").load("<?php echo site_url("encuestaInsti/ofertasCerradas"); ?>");
                            $("#divFormulario").css("display", "none");
                            return;
                        });
                        
                    }
                }); // fin $("#btnEnviar").click(function(){
                <?php $this->load->view('enReady'); ?>
            }); //fin $(document).ready(function(){
            function valida(){
                if($("#jornada").val() == ""){
                    alert("Debe calificar la Jornada de trabajo");
                    $("#jornada").focus();
                    return false;
                }
                if($("#accesibilidad").val() == ""){
                    alert("Debe calificar la accesibilidad");
                    $("#accesibilidad").focus();
                    return false;
                }
                if($("#tiemposContra").val() == ""){
                    alert("Debe calificar los tiempos de contratación");
                    $("#tiemposContra").focus();
                    return false;
                }
                if($("#salario").val() == ""){
                    alert("Debe calificar la asignación salarial");
                    $("#salario").focus();
                    return false;
                }
                if($("#tiempoCapa").val() == ""){
                    alert("Debe calificar el tiempo de capacitación");
                    $("#tiempoCapa").focus();
                    return false;
                }
                if($("#puesto").val() == ""){
                    alert("Debe calificar la accesibilidad del puesto de trabajo");
                    $("#puesto").focus();
                    return false;
                }
                if($("#labores").val() == ""){
                    alert("Debe calificar las labores de la persona");
                    $("#labores").focus();
                    return false;
                }
                if($("#flexibilidad").val() == ""){
                    alert("Debe calificar la flexibilidad de la compañia");
                    $("#flexibilidad").focus();
                    return false;
                }
                if($("#indicadores").val() == ""){
                    alert("Debe calificar el envío de indicadores");
                    $("#indicadores").focus();
                    return false;
                }
                
                
                return true;
            }
            function fncambia(val){
                    if(val != "" )
                        $("#divFormulario").css("display", "block");
                    else
                        $("#divFormulario").css("display", "none");
                    return;
            }
        </script>
    </head>
    <body >
        <div id="divContenedor">
            <div id="divTitulo" style="font-size: 16px;text-align: center;color: red">ENCUESTA DE SATISFACCIÓN OFERTAS LABORALES CONTRATADAS</div>

            <form id="formEncuestas" action="" method="POST">
                <div style="width: 100%;position: relative" >
                    <div style="float: left;">
                        <label for="ofertas" title="Elija la oferta la laboral para diligenciar la encuesta de satisfacción">Ofertas Laborales Contradas(Cargo->Empresa)</label>
                    </div>
                    <div id="divOfertas" >
                        <select id="ofertas" name="ofertas" onchange="fncambia(this.value);" >
                            <option value="">Elija</option>
                            <?php
                            foreach ($ofertasTerminadas->result() as $row) {
                                echo "<option value='{$row->ofertaLaboralId}'>" . $row->ofertaLaboralCargo . "->{$row->empresaRazon}</option>";
                            }
                            ?>
                        </select>
                    </div>
                </div>
                <br/><br/>
                <div id="divFormulario" style="display: none;padding-top: 12px">
                    <table border="1">
                        <tr>
                            <td><label for="jornada">La empresa cumplió con la jornada laboral definida para el trabajador (Dias laborables y horarios)</label></td>
                            <td><select id="jornada" name="jornada">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="accesibilidad">La empresa cumple con las condiciones de accesibilidad requeridas</label></td>
                            <td><select id="accesibilidad" name="accesibilidad">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="tiemposContra">Los tiempos de contratación se ajustaron a lo pactado</label></td>
                            <td><select id="tiemposContra" name="tiemposContra">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="salario">La asignación salarial corresponde a la indicada en la oferta laboral</label></td>
                            <td><select id="salario" name="salario">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="tiempoCapa">Los tiempos de capacitación se ajustaron a lo pactado</label></td>
                            <td><select id="tiempoCapa" name="tiempoCapa">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="puesto">El puesto de trabajo esta adecuado correctamente a las necesidades del trabajador</label></td>
                            <td><select id="puesto" name="puesto">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="labores">El trabajador realiza labores para las cuales fue contratado</label></td>
                            <td><select id="labores" name="labores">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="flexibilidad">Brindan flexibilida a los trabajadores en condiciones especiales</label></td>
                            <td><select id="flexibilidad" name="flexibilidad">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td><label for="indicadores">La empresa cumple con el envío de información requerida para el seguimiento (indicadores)</label></td>
                            <td><select id="indicadores" name="indicadores">
                                    <option value="">Elija</option>
                                    <option value="No">1-No</option>
                                    <option value="Si">2-Si</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center"><input type="button" id="btnEnviar" value="Guardar Encuestas" /></td>
                        </tr>
                    </table>
                </div>
            </form>

        </div> <!-- fin <div contenedor -->
    </body>
</html>
